@(movies: List[Movie])(implicit lang: Lang)

@main("The Cult Cinema Inc. Ticketing System"){

	<section style="padding-top:60px">
				<div class="row">
					<div class="span12">
						<ul class="breadcrumb">
							<li><a href="@routes.Application.index(lang.code)">@Messages("home")(lang)</a> <span class="divider">/</span></li>
		        			<li class="active">@Messages("news")(lang)</li>
		        		</ul>
					</div>
				</div>
				@if(flash.contains("success")) {
					<div class="row">
						<div class="span12">
					    	<div class="alert-success alert alert-block">
					    		<a class="close">&times;</a>
					    		<strong>@Messages("success")(lang)</strong> # @Messages(flash.get("success"))(lang)
						    </div>
						</div>
					</div>
				}
				@if(flash.contains("payment")) {
					<div class="row">
						<div class="span12">
					    	<div class="alert-success alert alert-block">
					    		<a class="close">&times;</a>
					    		<strong>@Messages(flash.get("payment"))(lang)</strong>
						    </div>
						</div>
					</div>
				}

				<div class="row" id="recommend">
			    	<div class="span4">
				    	<div class="well">
							<div class="trailer">
								<ul class="unstyled">
									<li class="trailer-on-playing" data-trailer="@movies.get(0).trailer">
										<div class="trailer-icon icon-play-circle"></div>
										<div class="trailer-content">
											<h4 class="trailer-name">@movies.get(0).infos.get(0).name</h4>
											<div class="trailer-description">@Messages("trailer.release", movies.get(0).release_date.format("dd/MM"))(lang)</div>
										</div>
									</li>
									<li class="divider"></li>
									<li class="trailer-list" data-trailer="@movies.get(1).trailer">
										<div class="trailer-icon icon-film"></div>
										<div class="trailer-content">
											<h4 class="trailer-name">@movies.get(1).infos.get(0).name</h4>
											<div class="trailer-description">@Messages("trailer.release", movies.get(1).release_date.format("dd/MM"))(lang)</div>
										</div>
									</li>
									<li class="divider"></li>
									<li class="trailer-list" data-trailer="@movies.get(2).trailer">
										<div class="trailer-icon icon-film"></div>
										<div class="trailer-content">
											<h4 class="trailer-name">@movies.get(2).infos.get(0).name</h4>
											<div class="trailer-description">@Messages("trailer.release", movies.get(2).release_date.format("dd/MM"))(lang)</div>
										</div>
									</li>
									<li class="divider"></li>
									<li class="trailer-list" data-trailer="@movies.get(3).trailer">
										<div class="trailer-icon icon-film"></div>
										<div class="trailer-content">
											<h4 class="trailer-name">@movies.get(3).infos.get(0).name</h4>
											<div class="trailer-description">@Messages("trailer.release", movies.get(3).release_date.format("dd/MM"))(lang)</div>
										</div>
									</li>
									<li class="divider"></li>
									<li class="trailer-list" data-trailer="@movies.get(4).trailer">
										<div class="trailer-icon icon-film"></div>
										<div class="trailer-content">
											<h4 class="trailer-name">@movies.get(4).infos.get(0).name</h4>
											<div class="trailer-description">@Messages("trailer.release", movies.get(4).release_date.format("dd/MM"))(lang)</div>
										</div>
									</li>
								</ul>
							</div>
					    </div>
			    </div>
			    	<div class="span8">
						<object width="100%" height="365">
						  <param name="movie" value="https://www.youtube.com/v/5EjG-1U3wqA?autoplay=1&enablejsapi=1&loop=1&modestbranding=1&color=white&theme=light&version=3"></param>
						  <param name="allowFullScreen" value="true"></param>
						  <param name="allowScriptAccess" value="always"></param>
						  <embed src="https://www.youtube.com/v/5EjG-1U3wqA?autoplay=1&enablejsapi=1&loop=1&modestbranding=1&color=white&theme=light&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="100%" height="365"></embed>
						</object>
			        </div>
			    </div>
			</section>
	<section style="padding-top:0">
		    <div class="row">
			    <div class="span3">
				    <div class="tile">
					    <img class="tile-image big-illustration" alt="" src="@routes.Assets.at("movie/lesson_of_the_evil.png")" />

					    <h3 class="tile-title"><a href="#">Lesson of the evil</a></h3>
					    <h4>House 1</h4>
					    <p>

						    Duration	:	130<br />
						    Movie Category	:	III<br />
						    Language	:	Japanese<br />
					    </p>
					    <a class="btn btn-primary btn-large btn-block" href="#">Buy</a>
					</div>
				</div>
			    <div class="span3">
				    <div class="tile">
					    <img class="tile-image big-illustration" alt="" src="@routes.Assets.at("movie/iron_man_3.png")" />

					    <h3 class="tile-title"><a href="#">Iron Man 3</a></h3>
					    <h4>House 2</h4>
					    <p>

						    Duration	:	130<br />
						    Movie Category	:	III<br />
						    Language	:	Japanese<br />
					    </p>
					    <a class="btn btn-primary btn-large btn-block" href="#">Buy</a>
					</div>
				</div>
			    <div class="span3">
				    <div class="tile">
					    <img class="tile-image big-illustration" alt="" src="@routes.Assets.at("movie/3d_despicable_me_2.png")" />

					    <h3 class="tile-title"><a href="#">3D Despicable Me 2</a></h3>
					    <h4>House 3</h4>
					    <p>

						    Duration	:	130<br />
						    Movie Category	:	III<br />
						    Language	:	Japanese<br />
					    </p>
					    <a class="btn btn-primary btn-large btn-block" href="#">Buy</a>
					</div>
				</div>
			    <div class="span3">
				    <div class="tile">
					    <img class="tile-image big-illustration" alt="" src="@routes.Assets.at("movie/3d_jurassic_park.png")" />

					    <h3 class="tile-title"><a href="#">3D Jurassic Park</a></h3>
					    <h4>House 4</h4>
					    <p>

						    Duration	:	130<br />
						    Movie Category	:	III<br />
						    Language	:	Japanese<br />
					    </p>
					    <a class="btn btn-primary btn-large btn-block" href="#">Buy</a>
					</div>
				</div>
		    </div>
			</section>

}(lang)
